<template>
  <q-card class="q-pa-sm bottom  card-radius" flat :class="[props.hasScroll? activeClass : '']">
    <!-- <q-btn
    v-show="props.isShow"
      icon="close"
      size="lg"
      flat
      round
      dense
      v-close-popup
      class="cross-btn"
    /> -->
    <q-btn
        icon="close"
        size="lg"
        flat
        round
        dense
        v-close-popup
        class="cross-btn"
      />
      <slot> </slot>

  </q-card>
</template>

<script setup lang="ts">
import { ref } from 'vue';
const activeClass = ref('overflow-hidden')

const props = defineProps<{
 isShow: boolean
 hasScroll?: boolean
}>()



</script>
<style>
.footer {
  position: fixed;
  left: 0;
  bottom: 100;
  width: 100%;
  text-align: center;
}

.cross-btn {
  position: fixed;
  right: 2rem;
  top: 2rem;
  z-index: 1;
}

.overflow-hidden{
  overflow: hidden;
}


</style>
